/*index*/
.index_banner .line_auto .auto{ width: 100%; height: 10px; background: #231815}
.index_banner .slick-arrow{ top:93%; background: #ffffff; border: none; border-radius: 0}
.index_banner .slick-arrow:before{ width: 0; height: 0; background: none; border: solid 14px transparent}
.index_banner .slick-prev{ left: auto; right:92px;}
.index_banner .slick-next{ right:40px;}
.index_banner .slick-prev:before{ left: -10px; border-right-color: #e78c1e}
.index_banner .slick-next:before{ right: -10px;border-left-color: #e78c1e}
.index_banner .slick-disabled:before{filter: grayscale(100%) brightness(0%);}

.index_business{ background: #fff; padding-top: 4%; padding-bottom: 4%; }
.index_business .more{ color: #959595; position: relative; padding-right: 27px; cursor:pointer}
.index_business .more:after{ content: ''; right: 0; position: absolute; top: 50%; margin-top: -10px; border: solid 10px transparent; border-left-color: #959595}
.index_business ul{ margin-left: -0.2%; margin-right: 0.2%}
.index_business li{ float: left; width: 25%; padding: 0px 0.2%}
.index_business a{ display: block; position: relative}
.index_business a:before{ content: ''; position: absolute; width: 100%; height: 100%; background:#000; opacity: 0; transition: 0.5s; z-index: 5}
.index_business .box{ position: relative}

.index_business .info { color: #fff; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width: 80%; height:80%; text-align: center; transition: 0.5s; z-index: 6;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-align-items: center;
-webkit-align-items: center;
align-items: center;	
opacity: 0
}
.index_business .info span{ text-align: left}
.index_business .txt{ position: relative;line-height:1.4; padding:8% 2% 8% 50%; background: #f4f4f4}
.index_business .txt .icon{display: block;  left: 0; top: 0; position: absolute; width:45%; height: 100%;background:  no-repeat right center;background-size:62%}
.index_business .txt h3{ margin-bottom: 3%;}
.index_business .pic span{ padding-bottom:58%}
.index_business li:hover a:before{ opacity:0.3}
.index_business li:hover .info{ opacity: 1}
.index_business li:hover .txt{ color: #fff; background-color: #e78c1e;}
.index_business li:hover .txt .icon{filter: grayscale(100%) brightness(1000%);}
.index_business li:hover .more{ color: #fff}
.index_business li:hover .more:after{border-left-color: #fff}
@media(max-width:960px){
.index_business li{ width:50%;}
}


.project_list{ padding-top: 4%; padding-bottom: 2%; background: #f4f4f4}

.index_about{ background: #fff; padding-bottom: 4%}
.index_about .info{ position: relative; z-index: 2; width: 57.5%; padding:2% 6%; color: #595757; background: #f4f4f4; border-radius: 0 50px 50px 0; }
.index_about .info .f_cn{ font-weight: normal; color: #e78c1e}
.index_about .info .f_en{ font-weight: normal}
.index_about .info .txt{ padding:3% 0}
.index_about .pic img{ margin-left: -29.87%; width:129.87%; max-width: none}
@media(max-width:1200px){
.index_about .info{padding:2%;}
}
@media(max-width:960px){
.index_about .info,
.index_about .pic{ display: block; width: 100%}
.index_about .pic img{ margin-left:0; width:100%; max-width: none}
}

.business_model .txt{padding-top: 4%; padding-bottom: 4%; text-align: center}

.index_news{ background: #fff; padding-top: 4%; padding-bottom: 4%}
.index_news .slick-list{ margin-left: -13px; margin-right: -13px}
.index_news li{ padding: 0 13px}
.index_news time{ color: #e78c1e}
.index_news h3{ line-height: 27px; height: 54px; margin-bottom: 20px; margin-top: 10px;}
.index_news .pic span{ padding-bottom: 56.16%}

.index_news .line_slick[rel=absolute]{ position: absolute; left: 0; bottom:2%; }
.index_news .line_slick[rel=relative]{position: relative}
.index_news .line_slick{ width: 100%; height: 4px; background: #ddd;}
.index_news .line_slick i{ position: absolute; width: 0;height: 100%; background: #ff0000; transition: width 0.5s}

.index_video{ background: #fff; padding-top: 4%; padding-bottom: 4%}
.index_video .column_title{ text-align: left}
.index_video .column_title b{ border-right: none}
.index_video .column_title .f_en{ display: block; font-style: normal; color: #959595}
.index_video .list{ padding-top: 5%}
.index_video ul li{ float: left; width: 32%}
.index_video ul li:not(:last-child){ margin-right:2%;}
.index_video ul li .pic .ispic{ padding-bottom:62%}
.index_video ul li h3{ padding:5% 3%; text-align: center; background: #f4f4f4; transition: 0.5s}
.index_video ul li:hover h3{ color: #fff; background: #e78c1e}
.index_video video{ width: 100%}
@media(min-width:640px){
.index_video .fl_box{ float: left; width: 48%}
.index_video .fr_box{ float: right; width: 48%}
}